{% load i18n static vueAdmin_sets %}
{% get_current_language as LANGUAGE_CODE %}
{% get_current_language_bidi as LANGUAGE_BIDI %}

<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE|default:"en-us" }}" {% if LANGUAGE_BIDI %}dir="rtl"{% endif %}>
<head>
  {# site header section #}
  <title>{% block title %}{% endblock %}</title>
  {# site header section #}

  {# can replace whole site stylesheet section #}
  <link rel="stylesheet" type="text/css" href="{% block stylesheet %}{% static 'vueAdmin/css/themes/default.css' %}{% endblock %}">
  {# can replace whole site stylesheet section #}

  {# site stylesheet section #}
  {% block extrastyle %}

  {% endblock %}
  {# site stylesheet section #}

  {# site javascript section #}
  {% block javascript %}

  {% endblock %}
  {# site javascript section #}

  {# addtional extra stylesheet or javascript #}
  {% block extrahead %}

  {% endblock %}
  {# addtional extra stylesheet or javascript #}

  <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
  {% block blockbots %}
    <meta name="robots" content="NONE,NOARCHIVE">
  {% endblock %}
</head>

<body>
  {# template load section #}
  {% block x-template %}

  {% endblock %}
  {# template load section #}

  <div id="app">
    {# site application section #}
    {% block app %}
      {# message content section #}
      {% block messages %}
        {% if messages %}
          <ul class="messagelist">
            {% for message in messages %}
            <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>
              {{ message|capfirst }}
            </li>
            {% endfor %}
          </ul>
        {% endif %}
      {% endblock messages %}
      {# message content section #}

      {# admin site content section #}
      <div class="vue-content">
        {% block content %}
          {% block object-tools %}{% endblock %}
          {{ content }}
        {% endblock %}
      </div>
      {# admin site content section #}
    {% endblock %}
    {# site application section #}
  </div>

  {# application javascript section #}
  {% block scripts %}

  {% endblock %}
  {# application javascript section #}

  <script src="{% static 'vueAdmin/js/index.js' %}"></script>
</body>
</html>
